import {Form, Input,Checkbox ,Button ,Layout, Menu } from 'antd';

import React from "react";
import './index.less'
import imgUrl from '../images/bj.png'
import {
  MenuUnfoldOutlined,
  MenuFoldOutlined,
  UserOutlined,
  VideoCameraOutlined,
  UploadOutlined,
  LockOutlined
} from '@ant-design/icons';

import { Link } from 'umi'

const { Header, Sider, Content } = Layout;

export default class Login extends React.Component {
  // const onFinish = (values: any) => {
  //   console.log('Received values of form: ', values);
  // };

  render() {
    return (
      <div className="contain">
        <img className="bg-img" src={imgUrl} alt=""/>

        <div className="box">
          <Form
            name="normal_login"
            className="login-form"
            initialValues={{ remember: true }}
            // onFinish={onFinish}
          >
            <Form.Item
              name="username"

              rules={[{ required: true, message: '请输入用户名!' }]}
            >
              <Input  prefix={<UserOutlined className="site-form-item-icon" />} placeholder="Username" />
            </Form.Item>
            <Form.Item
              name="password"
              rules={[{ required: true, message: '请输入密码!' }]}
            >
              <Input
                prefix={<LockOutlined className="site-form-item-icon" />}
                type="password"
                placeholder="Password"
              />
            </Form.Item>
            <Form.Item>
              <Form.Item name="remember" valuePropName="checked" noStyle>
                <Checkbox>记住密码</Checkbox>
              </Form.Item>

              <a className="login-form-forgot" href="">
                忘记密码？
              </a>
            </Form.Item>

            <Form.Item>
              <Button type="primary" htmlType="submit" className="login-form-button">
                登录
              </Button>
               <a href="" className="register">点击注册？</a>
            </Form.Item>
          </Form>
        </div>
      </div>


    );
  }
}




